<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>营业网点</title>
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main.css?v=1.0"/>
    <script type="text/javascript"
            src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/notice.css">
	<link rel="stylesheet" type="text/css" href="css/personal.css">
	<link rel="stylesheet" type="text/css" href="font-awesome-4.5.0/css/font-awesome.min.css">
	<style type="text/css">
 #tip {
            height: 45px;
            background-color: #fff;
            padding-left: 10px;
            padding-right: 10px;
            border: 1px solid #969696;
            position: absolute;
            font-size: 12px;
            right: 10px;
            bottom: 20px;
            border-radius: 3px;
            line-height: 45px;
        }
</style>
</head>
<body>
<div id="mapContainer"></div>
<div id="tip">
    <div id="info">初始化加载地图时，center及level属性缺省，地图默认显示用户所在城市范围</div>
</div>
	<!-- 网点名称页面开始 -->
	<div class="web-main">
		<div class="web">
			<div class="web-type">
				<div class="type-name">
					<p class="web-name">网点名称1</p>
					<p class="web-add">地址-------------------------------------------------------</p>
				</div>
				<span class="fa fa-angle-right"></span>
			</div>
			<div class="web-type">
				<div class="type-name">
					<p class="web-name">网点名称2</p>
					<p class="web-add">地址-------------------------------------------------------</p>
				</div>
				<span class="fa fa-angle-right"></span>
			</div>
			<div class="web-type">
				<div class="type-name">
					<p class="web-name">网点名称3</p>
					<p class="web-add">地址-------------------------------------------------------</p>
				</div>
				<span class="fa fa-angle-right"></span>
			</div>
		</div>
	</div>
	<!-- 网点名称页面结束 -->
	<!-- 定位页面模块开始 -->
	<div class="location-main">
		<div class="locat">
			<img src="images/bg_map.png">
		</div>
		<div class="detail">
			<img src="images/icon_pointer.png" class="red" />
			<div class="det-con">
				<img src="images/bg_business.png" />
				<div class="local-det">
					<p>网点名称</p>
					<p class="gray">电话 2239000</p>
					<p class="gray">地址 --------------</p>
				</div>
			</div>
		</div>
	</div>
	<!-- 定位页面模块结束 -->
	<!-- 导航栏开始 -->
	<!-- <div class="nav">
		<ul>
			<li><img class="tubiao" src="images/icon_index.png"></li>
			<li><img class="tubiao" src="images/icon_mine.png"></li>
			<li><img class="tubiao" src="images/icon_affiche_active.png"></li>
			<li><img class="tubiao" src="images/icon_service.png"></li>
		</ul>
	</div> -->
	<!-- 导航栏结束 -->
	<script src="wechat/asset/js/jquery-2.2.1.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.web-main .web-type span').bind('click',function(event){
				$('.location-main').show();
				$('.web-main').hide();
			})
			//动态设置图片的高度
			var locat_height = $(window).height()-46;
			//$('.locat').css({'height':locat_height});
			$('.locat img').css({'height':locat_height});
			$('body').css({'margin-bottom':'42px'});
		})
		//初始化地图对象，加载地图
    ////初始化加载地图时，若center及level属性缺省，地图默认显示用户当前城市范围
    var map = new AMap.Map('mapContainer', {
        resizeEnable: true
    });
    //地图中添加地图操作ToolBar插件
    map.plugin(['AMap.ToolBar'], function() {
        //设置地位标记为自定义标记
        var toolBar = new AMap.ToolBar();
        map.addControl(toolBar);
    });
	</script></body>
</html>